<html>

<head>
    <script src='https://api.mapbox.com/mapbox-gl-js/v0.40.0/mapbox-gl.js'></script>
    <link href='https://api.mapbox.com/mapbox-gl-js/v0.40.0/mapbox-gl.css' rel='stylesheet' />

</head>

<body>
    <div id='map' style='width: 900px; height: 600px;'></div>
    <script>
        mapboxgl.accessToken = 'pk.eyJ1IjoiYW56aGlodW4iLCJhIjoiY2lsdnhjdjN5MDFvMHVia3NpYTlnbmUzaSJ9.twlExCjpR7uwH2IiFC7aDA';
var map = new mapboxgl.Map({
    container: 'map', // container id
    style:{
        "version": 8,
        "name": "Mapbox Streets",
        "sprite": "mapbox://sprites/mapbox/streets-v8",
        "glyphs": "mapbox://fonts/mapbox/{fontstack}/{range}.pbf",
         "sources": {
             "osm-tiles": {
                 "type": "raster",
                 "tiles": [
                   "http://c.tile.openstreetmap.org/{z}/{x}/{y}.png11"
                  ],
                 "tileSize": 256
             },
             "countries": {
      "type": "raster",
      // "scheme": "tms",
      // "url": "mapbox://map-id"
      // "url": "http://tileserver.com/layer.json", 
      // "tiles": [location.origin+location.pathname+"countries/{z}/{x}/{y}.pbf"],
      // "tiles": [location.origin+"/countries/{z}/{x}/{y}.pbf"],
    //   "tiles": [location.origin+"/3857/{z}/{x}/{y}.png"],
      "tiles": [location.origin+"/EPSG_900913/{z}/{x}/{y}.png"],
      "tileSize": 256,

      // "tiles": [location.origin+"/maptile/{z}/{x}/{y}.pbf"],
      "maxzoom": 15
    },
        },
      "layers":[{
          "id": "1243",
           "type": "raster",
           "source": "osm-tiles",
           "source-layer": "osmtiles"
      },{
          "id": "123",
           "type": "raster",
           "source": "countries",
           "source-layer": "osmtiles"
      }]
    },
    center: [13.5, 52.5], // starting position [lng, lat]
    zoom: 9 // starting zoom
});
    </script>

</body>

</html>